import Vue from 'vue'  //引入了vue
import Router from 'vue-router' //引入了vue-router
//将页面导入到index.js中，使用路由来去确定 访问该页面的路径
import HelloWorld from '@/components/HelloWorld'
import index from '@/components/index'  //引入项目下的index组件
import product from '@/components/product'
import product1 from '@/components/product1'
import product2 from '@/components/product2'

//导入Hi页面
import Hi from '@/components/Hi'
import Hi1 from '@/components/Hi1'
import Hi2 from '@/components/Hi2'

//单页面多路由操作
import loadPage from '@/components/loadPage'
import rightPage from '@/components/rightPage'
import leftPage from '@/components/leftPage'
//参数页面
import parm1 from '@/components/parmas/parm1'
//通过url传递参数
import parmurl from '@/components/parmas/parmurl'
//通过编程式导航
import parmfunction from '@/components/parmas/parmfunction'
//404页面
import Error from '@/components/error/error'
Vue.use(Router)  //全局使用Router



//配置路由
export default new Router({
  routes: [    //配置路由这里是一个数组
    {          //每一个链接都是一个对象
      //访问的路径   / 默认为首页
      path: '/',
      //页面的名称
      name: 'index',
      //页面的资源
      component: index
    },
    // {
    //   path:'/product',
    //   name: 'product',
    //   component: product,
    //   //children 配置子页面
    //   children:[
    //     //子页面的path前边不需要加入 /
    //     {path:'alies',component:product1}, //配置product的子页面
    //     {path:'apple',component:product2}, //配置product的子页面
    //   ]
    // }
    {
      path:'/hi',
      name:'hi',
      component:Hi,
      //子路由的配置
      children:[
        {path:'hi1',component:Hi1},
        {path:'hi2',component:Hi2},
      ]
    },{
      path:'/hi1',
      name:'hi1',
      component:Hi1,
    },{
      path:'/hi2',
      name:'hi2',
      component:Hi2,
    },{
      path:'/loadPage',
      name:'loadPage',
      components:{
        default:loadPage, //默认的页面
        left1:leftPage,   //左边的页面  left 是<router-view  name="left"
        right1:rightPage  //右边的页面 right 是<router-view  name="right"
      }

    },
    {
      path:'/parm1',
      name:'parm1',
      component:parm1
    },
    {
      path:'/parmurl/:id/:name',
      name:'parmurl',
      component:parmurl
    },
    {
      path:'/parmfunction',
      name:'parmfunction',
      component:parmfunction
    },
    //重定向
    {
     path:'/goback',
     redirect:'/'
    }
    //404页面处理
    ,{
      path:'*',
      component:Error
    }
  ]
})
